/*
    JQuery EasyUI 1.5.x of Insdep Theme 1.0.0
*/

@keyframes window-mask-fadeIn {
  0% {
    filter: alpha(opacity=0);
    opacity: 0; 
  }
  100% {
    filter: alpha(opacity=3);
    opacity: 0.3;
  }
}
@keyframes window-fadeIn {
  0% {
    filter: alpha(opacity=0);
    opacity: 0; 
  }
  100% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
}

.window {
  animation-name: window-fadeIn; /*动画名称*/
  animation-duration: 0.3s; /*动画持续时间*/
  animation-iteration-count: 1; /*动画次数*/
  animation-delay: 0s; /*延迟时间*/
}
.window-proxy-mask,.window-mask {
  animation-name: window-mask-fadeIn; /*动画名称*/
  animation-duration: 0.5s; /*动画持续时间*/
  animation-iteration-count: 1; /*动画次数*/
  animation-delay: 0s; /*延迟时间*/
}

/*进度条动画*/
@keyframes animation-progressbar {
  0% {
    opacity: 0.3;
    width: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}
.progressbar-animation .progressbar-value:after{
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFF;
    animation: animation-progressbar 2s ease infinite;
}

/*加载按钮动画*/
@keyframes animation-button-loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.button-loading .l-btn-text{
  position: relative;
  color: transparent !important;
  opacity: 1;
  margin: 2px 10px 4px 6px;
}
.button-loading .l-btn-text:before,.button-loading .l-btn-text:after{
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-style: solid;
  border-width: 0.2em;
  border-radius: 500rem;
}
.button-loading .l-btn-text:before{
  border-color:rgba(0, 0, 0, 0.15);
}
.button-loading .l-btn-text:after{
  animation:animation-button-loading 0.6s linear;
  animation-iteration-count:infinite;
  border-color: #ffffff transparent transparent;
}
